/* #region 鍒濆鍖� */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
padding: 0;
margin: 0;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
word-wrap: break-word;
color: #333;
background-color: #fff;
font-family: text;
}
audio,
video {
display: block;
}
a {
display: block;
background-color: transparent;
text-decoration: none;
color: inherit;
outline: none;
-webkit-tap-highlight-color: transparent;
-moz-outline-style: none;
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
list-style: none;
}
img {
display: block;
border: 0;
vertical-align: middle;
/* image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; */
}
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
outline: none;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
.clearfloat {
zoom: 1;
}
.clearfloat:after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}
.flex_row {
display: flex;
}
.flex_col {
display: flex;
flex-direction: column;
}
.flex_center {
display: flex;
justify-content: center;
align-items: center;
}
.flex_space_between {
display: flex;
justify-content: space-between;
}
.position_center-x {
left: 50%;
transform: translate(-50%);
}
.position_center-y {
top: 50%;
transform: translateY(-50%);
}
.cursor {
cursor: pointer;
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex_center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex_1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: inline-block;
}
.flex_dc {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex_ac {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex_as {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex_ae {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex_jc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex_js {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex_je {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex_wrap {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.textone {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.texttwo {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.swiper-container {
width: 100%;
}
/* #endregion */
/* #region 棣栭〉*/
.width {
margin: 0 auto;
}
body{
padding-top: 5.2rem;
}
.header{
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #fff;
z-index: 99;
}
.header .width {
height: 5.2rem;
}
.logo img {
width: 16rem;
}
.nav {
margin-left: auto;
padding-top: 1.3rem;
}
.nav li {
position: relative;
margin-left: 2.8rem;
}
.nav_link {
font-size: .8rem;
line-height: 2.8rem;
color: #1d1818;
transition: 50ms;
position: relative;
}
.nav_link:hover,
.nav_link.active {
color: #f26d35;
}
.nav_link::after {
content: '';
position: absolute;
left: 0;
bottom: .5rem;
width: 0;
height: 2px;
background: #f26d35;
transition: .2s;
}
.nav_link:hover::after,
.nav_link.active::after {
width: 100%;
}
.banner {
position: relative;
}
.banner img {
width: 100%;
}
.banner_dot {
position: absolute;
left: 0;
bottom: 5%;
z-index: 1;
width: 100%;
}
.banner_dot span {
width: 2rem;
height: .9rem;
background: #fff;
border-radius: .5rem;
opacity: 1;
transition: .1s;
margin: 0 .5rem;
}
.banner_dot .swiper-pagination-bullet-active {
background: #f26d35;
}
.nav_select {
position: absolute;
left: 0;
top: 100%;
width: 27.6rem;
background: #fff;
padding: .75rem;
z-index: 55;
box-shadow: 0px .15rem .4rem 0px rgba(119, 119, 119, 0.53);
display: none;
}
.nav_select div {
align-items: flex-start;
}
.nav_select p {
flex-wrap: wrap;
}
.nav_select a {
width: 7rem;
padding-right: 1rem;
font-size: .8rem;
line-height: 2;
color: #2f2d2e;
margin-top: 1.4rem;
transition: .1s;
}
.nav_select a:nth-of-type(1),
.nav_select a:nth-of-type(2) {
margin-top: 0;
}
.nav_select a.active,
.nav_select a:hover {
color: #f26d35;
}
.nav_select img {
width: 10.8rem;
}
.nav li:nth-last-of-type(1) .nav_select,
.nav li:nth-last-of-type(2) .nav_select,
.nav li:nth-last-of-type(3) .nav_select,
.nav li:nth-last-of-type(4) .nav_select,
.nav li:nth-last-of-type(5) .nav_select {
left: auto;
right: 0;
}
.index1 {
background: url(../images/index1_bg.jpg) no-repeat;
background-size: cover;
background-position: center;
padding: 4.8rem 0 5.5rem 0;
}
.index1_left {
width: 46.15%;
}
.index1_right {
width: 48.72%;
}
.index1_title {
font-size: 1.8rem;
line-height: 3rem;
color: #000000;
}
.index1_title span {
color: #f26d35;
}
.index1_title i {
display: inline-block;
width: 6.5rem;
height: .15rem;
background: #000000;
margin-right: 1rem;
position: relative;
top: -.5rem;
}
.index1_title div {
display: inline-block;
font-size: 1.5rem;
margin-left: 3.5rem;
text-transform: uppercase;
}
.index1_text {
font-size: .8rem;
line-height: 2.6;
margin-top: 2.1rem;
color: #3d3c3d;
padding-right: 10%;
}
.index1_btn {
width: 8.7rem;
line-height: 2.4rem;
background: #f26d35;
border-radius: .5rem;
text-align: center;
font-size: .8rem;
color: #fff;
margin-top: 4.7rem;
transition: .2s;
box-shadow: 0px .15rem .4rem 0px rgba(119, 119, 119, 0.53);
}
.index1_btn:hover {
opacity: .85;
}
.index1_video {
width: 100%;
height: 19.7rem;
background: #ffd4b3;
padding: .6rem;
}
.index1_video video {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
background: #000;
}
.index1_ul {
background-color: rgba(255, 255, 255, .78);
margin-top: 3.5rem;
padding: 1.5rem 0 2rem 0;
text-align: center;
}
.index1_ul li {
width: 25%;
padding: 0 .25rem;
}
.index1_ul div {
font-size: 2.4rem;
color: #ca4d02;
}
.index1_ul span {
display: block;
font-size: .8rem;
margin-top: .2rem;
color: #141313;
}
.index_title {
text-align: center;
}
.index_title div {
font-size: 1.8rem;
color: #2f2d2e;
font-weight: bold;
}
.index_title i {
display: block;
width: 7.5rem;
height: .2rem;
background: #f26d35;
margin: .5rem auto 0 auto;
}
.index_title span {
display: block;
font-size: 1.2rem;
color: #626262;
text-transform: uppercase;
margin-top: .6rem;
}
.index2 {
padding: 3.3rem 0 4.5rem 0;
}
.index2_con {
position: relative;
margin-top: 3rem;
}
.index2_con .swiper-slide {
width: 19.5rem;
background: #eeeeee;
}
.index2_con .swiper-slide:nth-of-type(even) {
display: flex;
flex-direction: column-reverse;
}
.index2_con .swiper-slide img {
width: 100%;
height: 15rem;
object-fit: cover;
object-position: center;
}
.index2_con .swiper-slide a {
width: 100%;
height: 15rem;
text-align: center;
padding: 3.5rem 1rem 0 1rem;
transition: .2s;
}
.index2_con .swiper-slide p {
font-size: 1.2rem;
color: #444444;
transition: .2s;
}
.index2_con .swiper-slide span {
font-size: .9rem;
line-height: 1.2rem;
min-height: 2.4rem;
color: #888888;
display: block;
margin-top: .5rem;
padding: 0 2rem;
transition: .2s;
}
.index2_con .swiper-slide div {
font-size: .8rem;
color: #303030;
line-height: 2rem;
background: #fff;
width: 7.3rem;
border-radius: .5rem;
margin: .8rem auto 0 auto;
transition: .2s;
}
.index2_con .swiper-slide a:hover {
background: #f26d35;
}
.index2_con .swiper-slide a:hover p,
.index2_con .swiper-slide a:hover span {
color: #fff;
}
.index2_con .swiper-slide a:hover div {
color: #f26d35;
}
.index2_prev,
.index2_next {
position: absolute;
width: 3.5rem;
height: 3.5rem;
background-color: rgb(92, 92, 92, .7);
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
outline: none;
transition: .2s;
}
.index2_prev {
left: .5rem;
}
.index2_next {
right: .5rem;
}
.index2_prev img,
.index2_next img {
width: 22.85%;
}
.index2_prev:hover,
.index2_next:hover {
background: #f26d35;
color: #fff;
}
.index3 {
background: url(../images/index3_bg.jpg) no-repeat;
background-size: cover;
background-position: center;
padding: 3rem 0 3.9rem 0;
}
.index5 .index_title div,
.index5 .index_title span,
.index3 .index_title div,
.index3 .index_title span {
color: #fff;
}
.index5 .index_title i,
.index3 .index_title i {
background: #fff;
}
.index3_con {
margin-top: 4.4rem;
}
.course_swp .swiper-slide {
width: 19.5rem;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1.85rem;
}
.index3_year {
width: 6rem;
line-height: 2.4rem;
text-align: center;
font-size: 1.2rem;
color: #fff;
background: #f26d35;
}
.index3_card {
background: #fff;
font-size: .8rem;
line-height: 1.87;
min-height: 9rem;
color: #626262;
padding: 1.2rem;
margin-top: 1.75rem;
flex: 1;
overflow: hidden;
}
.index3_hr {
height: 4.2rem;
border-right: 1px solid #fff;
}
.index3_bottom {
position: relative;
top: -15px;
}
.index3_bottom span {
flex: 1;
overflow: hidden;
border-top: 1px solid #fff;
}
.index3_bottom div {
width: 31px;
height: 31px;
border: 1px solid #fff;
border-radius: 50%;
padding: 5px;
}
.index3_bottom div::after {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
background: #fff;
}
.index4 {
padding: 180px 0 162px 0;
}
.index4_left {
width: 680px;
}
.index4 a {
position: relative;
overflow: hidden;
}
.index4 a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: .5s;
}
.index4 a:hover img {
transform: scale(1.05);
}
.index4_txt {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
padding: 0 7.35%;
color: #fff;
}
.index4_txt div {
font-size: 36px;
font-weight: bold;
}
.index4_txt i {
display: block;
width: 150px;
height: .2rem;
background: #fff;
border-radius: 2px;
margin-top: 12px;
}
.index4_txt span {
display: block;
font-size: 24px;
line-height: 1.25;
text-transform: uppercase;
margin-top: 14px;
}
.index4_item1 {
width: 100%;
height: 320px;
}
.index4_item2 {
width: 100%;
height: 400px;
margin-top: 17px;
}
.index4_txt2 {
position: absolute;
left: 0;
bottom: 58px;
color: #fff;
padding: 0 7.35%;
}
.index4_txt2 div {
font-size: 32px;
}
.index4_txt2 p {
font-size: 20px;
margin-top: 16px;
color: #fff;
text-transform: uppercase;
}
.index4_txt2 span {
display: block;
font-size: 20px;
margin-top: 24px;
}
.index4_right {
width: 864px;
margin-left: auto;
}
.index4_item3 {
height: 465px;
}
.index4_item3 .index4_txt2 {
top: 52px;
bottom: auto;
padding: 0 10%;
}
.index4_item4 {
margin-top: 20px;
justify-content: space-between;
}
.index4_item4 a {
width: 422px;
height: 250px;
background: #385e8f;
transition: .2s;
}
.index4_item4 .index4_txt2 {
bottom: 50px;
}
.index4_item4 a:hover {
background: #f26d35;
}
.index5 {
background: url(../images/index5_bg.jpg) no-repeat;
background-size: cover;
background-position: center;
padding: 2.8rem 0 3rem 0;
}
.index5 .swiper-container {
margin-top: 3.8rem;
}
.index5 .swiper-slide a {
background: #fff;
padding: 2rem 5.5% 2.1rem 5.5%;
}
.index5 .swiper-slide img {
width: 4.5rem;
height: 4.5rem;
object-fit: contain;
object-position: center;
margin: 0 auto;
}
.index5 .swiper-slide h3 {
font-size: 1.2rem;
color: #363636;
text-align: center;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: 1.2rem;
}
.index5 .swiper-slide i {
display: block;
width: 4rem;
border-top: 1px solid #eb883c;
margin: 1.3rem auto 0 auto;
}
.index5 .swiper-slide span {
font-size: .8rem;
line-height: 1.5rem;
height: 6rem;
color: #363636;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
margin-top: 1rem;
}
.index5 .swiper-slide div {
width: 8.3rem;
line-height: 2.5rem;
border-radius: .5rem;
margin: 2rem auto 0 auto;
font-size: .8rem;
color: #3f3f3f;
background: #eeeeee;
text-align: center;
transition: .2s;
}
.index5 .swiper-slide a:hover div {
background: #f26d35;
color: #fff;
}
.index5_bottom {
margin-top: 3.5rem;
}
.index5_bottom div {
width: 5.6rem;
height: 2.4rem;
background: #ececec;
border-radius: .5rem;
cursor: pointer;
outline: none;
transition: .2s;
}
.index5_bottom img {
width: .5rem;
}
.index5_bottom a {
width: 8.2rem;
height: 2.4rem;
background: #ececec;
border-radius: .5rem;
line-height: 2.4rem;
text-align: center;
font-size: .8rem;
color: #2b2b2b;
margin: 0 .85rem;
transition: .2s;
}
.index5_bottom a:hover {
background: #f26d35;
color: #fff;
}
/* .index5_bottom div:hover {
opacity: .8;
} */
.index5_bottom .index5_prev,
.index5_bottom .index5_next{
background-repeat: no-repeat;
background-position: center center;
background-size: .5rem auto;
}
.index5_bottom .index5_prev{
background-image: url(../images/prev2.png);
}
.index5_bottom .index5_next{
background-image: url(../images/next2.png);
}
.index5_bottom .index5_prev:hover,
.index5_bottom .index5_next:hover{
background-color: #f26d35;
}
.index5_bottom .index5_prev:hover{
background-image: url(../images/prev2c.png);
}
.index5_bottom .index5_next:hover{
background-image: url(../images/next2c.png);
}
.index6 {
padding: 3.6rem 0 4.5rem 0;
}
.index6_swp {
position: relative;
margin-top: 4.3rem;
}
.index6_swp .swiper-container {
padding: 1px 0;
}
.index6_swp .swiper-slide {
width: 12.5rem;
height: 7.5rem;
}
.index6_list {
border: 1px solid #dcdcdc;
position: relative;
overflow: hidden;
}
.index6_list img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.index6_list div {
position: absolute;
left: 0;
bottom: 101%;
width: 100%;
height: 100%;
background: #f26d35;
color: #fff;
font-size: .8rem;
line-height: 1.8;
padding: .7rem 1rem;
overflow: hidden;
transition: .3s;
}
.index6_list:hover div {
bottom: 0;
}
.index6_prev,
.index6_next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2.5rem;
height: 2.5rem;
background-color: rgb(92, 92, 92, .7);
border-radius: 50%;
cursor: pointer;
transition: .2s;
}
.index6_prev {
left: -3.5rem;
}
.index6_next {
right: -3.5rem;
}
.index6_prev img,
.index6_next img {
width: 22.85%;
}
.index6_prev:hover,
.index6_next:hover {
background: #f26d35;
}
.index6_con {
margin-top: 4rem;
}
.index6_left {
width: 27%;
background: url(../images/index6_bg.jpg) no-repeat;
background-size: cover;
background-position: center;
color: #fff;
text-align: center;
}
.index6_left div {
font-size: 1.8rem;
font-weight: bold;
}
.index6_left i {
display: block;
width: 7.5rem;
height: .2rem;
background: #fff;
border-radius: .1rem;
margin: .5rem auto 0 auto;
}
.index6_left span {
display: block;
font-size: 1.2rem;
text-transform: uppercase;
margin-top: .7rem;
}
.index6_left a {
width: 6.5rem;
line-height: 1.9rem;
background: #fff;
border-radius: .5rem;
font-size: .8rem;
color: #626262;
margin: 1.2rem auto 0 auto;
cursor: pointer;
transition: .2s;
}
.index6_left a:hover {
background: #f26d35;
color: #fff;
}
.index6_right {
width: 71.15%;
margin-left: auto;
}
.index6_tab li {
width: 7.1rem;
line-height: 2.2rem;
background: #fff;
border-radius: .5rem;
font-size: .9rem;
color: #4b4b4b;
cursor: pointer;
transition: .2s;
text-align: center;
background: #eeeeee;
margin-right: 1.4rem;
}
.index6_tab li.active,
.index6_tab li:hover {
background: #f26d35;
color: #fff;
}
.index6_row {
margin-top: 1.5rem;
}
.index6_col {
width: 43.78%;
}
.index6_img {
width: 100%;
}
.index6_col h3 {
font-size: .9rem;
color: #2a2a2a;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: .8rem;
font-weight: bold;
transition: .1s;
}
.index6_col div {
font-size: .8rem;
color: #898989;
line-height: 1;
margin-top: .6rem;
}
.index6_col div img {
width: 1rem;
margin-right: .4rem;
}
.index6_col span {
font-size: .7rem;
line-height: 2;
color: #4b4b4b;
margin-top: .9rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.index6_col:hover h3 {
color: #f26d35;
}
.index6_ul {
width: 53.5%;
margin-left: auto;
}
.index6_ul li {
margin-bottom: 1.45rem;
}
.index6_ul li:last-of-type {
margin-bottom: 0;
}
.index6_ul a {
font-size: .9rem;
line-height: 2.7rem;
color: #626262;
border-bottom: 1px solid #dcdcdc;
transition: .1s;
}
.index6_ul a div {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: 1rem;
}
.index6_ul a:hover {
color: #f26d35;
border-color: #f26d35;
}
.none {
display: none;
}
.footer {
background: #313131;
color: #fff;
}
.footer_con {
background: url(../images/footer_bg.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.footer_top {
padding: 4.3rem 0 2.6rem 0;
}
.footer_con li {
width: 6rem;
padding-right: 1.2rem;
}
.footer_col {
flex: 1;
overflow: hidden;
margin-left: 4%;
margin-right: 4.5%;
}
.footer_col p,
.footer_con li span {
font-size: .9rem;
}
.footer_con li a {
font-size: .7rem;
line-height: 1.3;
margin-top: 1rem;
transition: .1s;
}
.footer_con li a:hover {
text-decoration: underline;
}
.footer_col div {
margin-top: 1rem;
align-items: flex-start;
}
.footer_col img {
width: 1.1rem;
margin-right: .5rem;
}
.footer_col span {
flex: 1;
overflow: hidden;
font-size: .7rem;
line-height: 1.1rem;
}
.footer_code div {
width: 11.5rem;
background: #fff;
padding: .4rem;
}
.footer_code {
text-align: center;
}
.footer_code span {
font-size: .9rem;
display: block;
margin-top: .5rem;
}
.footer_code img {
width: 100%;
}
.footer_row {
border-top: 1px solid rgba(255, 255, 255, .56);
}
.footer_row {
font-size: .9rem;
line-height: 2;
padding: 1.3rem 0;
}
.footer_row ul {
flex: 1;
overflow: hidden;
flex-wrap: wrap;
}
.footer_row a {
display: inline;
margin-left: 1rem;
}
.footer_row a:hover {
text-decoration: underline;
}
.footer_bottom {
font-size: .8rem;
line-height: 1.5;
padding: 1.6rem 0;
}
.footer_bottom a {
display: inline;
}
.footer_bottom img {
display: inline;
}
.footer_text {
flex: 1;
overflow: hidden;
}
.footer_entrance {
margin-left: 2rem;
}
.footer_entrance span {
height: .9rem;
border-right: 2px solid #fff;
margin: 0 .7rem;
}
.footer_entrance a:hover {
text-decoration: underline;
}
.nav_modal,
.nav_icon {
display: none;
}
.right {
position: fixed;
right: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 99;
}
.right a,
.right li {
margin-bottom: 1px;
width: 3.2rem;
height: 3.2rem;
background: #0579b5;
border-radius: .25rem;
cursor: pointer;
transition: .2s;
position: relative;
}
.right img {
width: 62.5%;
}
/* .right a:hover,
.right li:hover {
opacity: .85;
} */
.right div {
position: absolute;
right: 100%;
top: 50%;
transform: translateY(-50%);
background-color: #0579b5;
white-space: nowrap;
padding: .5rem;
border-radius: .25rem;
margin-right: 1rem;
font-size: .9rem;
color: #fff;
display: none;
}
.right div::after {
content: '';
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border: .4rem solid transparent;
border-left: .4rem solid #0579b5;
}
.right div img {
width: 6.3rem;
}
/* #endregion */
/* #region 鍏充簬妫€瀹�*/
.banner2 {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 25.5rem;
padding: 3rem 0 4rem 0;
}
.banner2 .width {
padding-left: 1.5rem;
}
.banner_title {
flex: 1;
overflow: hidden;
color: #fff;
font-weight: bold;
font-size: 2rem;
}
.banner_title p {
text-transform: uppercase;
margin-top: .7rem;
}
.banner_title span {
color: #f26d35;
}
.search {
height: 2.6rem;
margin-left: auto;
position: relative;
top: 1.2rem;
}
.search div {
width: 18.7rem;
height: 100%;
background: #fff;
border-radius: .5rem;
padding-left: .8rem;
}
.search input {
flex: 1;
overflow: hidden;
height: 100%;
font-size: .9rem;
color: #333;
border: none;
background: none;
padding: 0 .4rem;
}
.search img {
width: 1rem;
}
.search button {
width: 7.3rem;
height: 100%;
border-radius: .5rem;
background: #f26d35;
color: #fff;
font-size: .9rem;
line-height: 2.6rem;
border: none;
margin-left: 1.3rem;
cursor: pointer;
transition: .2s;
}
.search button:hover {
opacity: .9;
}
.banner_nav {
margin-top: 2.8rem;
flex-wrap: wrap;
}
.banner_nav a,
.banner_nav li {
min-width: 7.2rem;
line-height: 2.3rem;
text-align: center;
background: #fff;
border-radius: .5rem;
font-size: .9rem;
color: #3d3d3d;
cursor: pointer;
transition: .2s;
margin-right: 1.1rem;
margin-bottom: 1rem;
padding: 0 1rem;
}
.banner_nav .active,
.banner_nav a:hover,
.banner_nav li:hover {
background: #eb883c;
color: #fff;
}
.about_title {
font-size: 1.8rem;
color: #eb883c;
font-weight: bold;
text-align: center;
}
.about1 {
padding: 3rem 0 4.7rem 0;
}
.about1_con {
margin-top: 4rem;
}
.about1_left {
width: 41.15%;
}
.about1_left img {
width: 100%;
}
.about1_right {
width: 56.73%;
margin-left: auto;
font-size: .9rem;
line-height: 2.78;
color: #1d1d1d;
}
.about2 {
background: url(../images/about2.jpg ) no-repeat;
background-size: cover;
background-position: center;
padding: 3rem 0 6.5rem 0;
}
.about2 .swiper-container {
margin-top: 5.8rem;
}
.about2 .index3_hr,
.about2 .index3_bottom div,
.about2 .index3_bottom span {
border-color: #f26d35;
}
.about2 .index3_bottom div::after {
background: #f26d35;
}
.about3 {
padding-top: 3.8rem;
}
.about3_con {
background: #f8f8f8;
margin-top: 2.6rem;
}
.about3_left {
width: 50%;
font-size: .9rem;
line-height: 2.78;
color: #333333;
padding: 1rem 1.2rem;
}
.about3_right {
width: 50%;
}
.about3_right img {
width: 100%;
}
.about4 {
padding-top: 3.2rem;
}
.about4_con {
background: #f8f8f8;
margin-top: 2.4rem;
}
.about4_left {
width: 50%;
}
.about4_left img {
width: 100%;
}
.about4_right {
width: 50%;
padding: .5rem 2.8% 2rem 2.8%;
}
.about4_right div {
font-size: 1.2rem;
color: #292929;
line-height: 1;
}
.about4_right i {
width: .7rem;
height: .7rem;
background: #eb883c;
margin-right: .4rem;
}
.about4_right span {
display: block;
padding-left: 1.1rem;
font-size: .9rem;
line-height: 1.8;
color: #292929;
margin-top: .4rem;
}
.about4_right li {
margin-top: 1.5rem;
}
.about5 {
padding: 3.5rem 0 2.8rem 0;
}
.about5_con {
margin-top: 2rem;
}
.about5_con img {
max-width: 100%;
margin: 0 auto;
}
.about6 {
background: url(../images/about6_bg.jpg) no-repeat;
background-size: cover;
background-position: center;
padding: 2.7rem 0 1rem 0;
}
.about7 {
padding: 3.6rem 0 4.8rem 0;
}
.about7_con {
flex-wrap: wrap;
padding-top: 1rem;
}
.about7_con2{
padding-top: 1rem;
}
.about7_con li {
width: 19.22%;
margin-right: 0.975%;
margin-top: 1.5rem;
}
.about7_con2 .swiper-container{
margin-top: 1.5rem;
}
.about7_con li:nth-of-type(5n+5) {
margin-right: 0;
}
.about7_li div,
.about7_con li div {
border: 1px solid #dcdcdc;
}
.about7_li img,
.about7_con li img {
width: 100%;
}
.about7_li span,
.about7_con li span {
display: block;
font-size: .9rem;
color: #363636;
text-align: center;
margin-top: .7rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.about7_bottom{
margin-top: 2.5rem;
}
.about7_bottom div {
width: 5.6rem;
height: 2.4rem;
background: #ececec;
border-radius: .5rem;
cursor: pointer;
outline: none;
transition: .2s;
background-repeat: no-repeat;
background-position: center center;
background-size: .5rem auto;
margin: 0 .8rem;
}
.about7_bottom .about7_prev{
background-image: url(../images/prev2.png);
}
.about7_bottom .about7_next{
background-image: url(../images/next2.png);
}
.about7_bottom .about7_prev:hover,
.about7_bottom .about7_next:hover{
background-color: #f26d35;
}
.about7_bottom .about7_prev:hover{
background-image: url(../images/prev2c.png);
}
.about7_bottom .about7_next:hover{
background-image: url(../images/next2c.png);
}
#mapCon {
width: 680px;
height: 600px;
margin: 0 auto;
}
.about8 {
padding: 3rem 0 5.5rem 0;
}
.about8_ul {
flex-wrap: wrap;
padding-top: 1.7rem;
}
.about8_ul li {
width: 22.56%;
margin-right: 3.25%;
margin-top: 1.9rem;
}
.about8_ul li:nth-of-type(4n+4) {
margin-right: 0;
}
.about8_ul li a {
background: #f7f7f7;
color: #2d2d2c;
}
.about8_ul li i {
display: block;
overflow: hidden;
}
.about8_ul li img {
width: 100%;
transition: .5s;
}
.about8_ul li b {
font-size: 1.2rem;
font-weight: normal;
transition: .1s;
}
.about8_ul li span {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: .8rem;
padding-left: .9rem;
}
.about8_ul li div {
height: 3.8rem;
padding: 0 .4rem;
}
.about8_ul li a:hover img {
transform: scale(1.05);
}
.about8_ul li a:hover b {
color: #f26d35;
}
.page {
margin-top: 3.5rem;
}
.page a {
min-width: 2rem;
line-height: 2rem;
border-radius: .25rem;
background: #fff;
border-radius: .25rem;
box-shadow: 0px 0px .25rem 0px rgba(0, 0, 0, 0.24);
text-align: center;
margin: 0 .4rem;
font-size: .9rem;
color: #2f2f2f;
padding: 0 .3rem;
transition: 50ms;
}
.page a:hover,
.page a.active {
color: #f26d35;
}
.team_show {
padding: 3.2rem 0 5rem 0;
}
.tshow_title {
text-align: center;
}
.tshow_title h1 {
font-size: 1.8rem;
color: #eb883c;
}
.tshow_title div {
font-size: .8rem;
margin-top: 1rem;
color: #747474;
}
.tshow_con {
margin-top: 3rem;
background: #f5f5f5;
}
.tshow_img {
width: 50%;
padding: 1.3rem;
}
.tshow_img img {
width: 100%;
}
.tshow_text {
width: 50%;
font-size: .9rem;
line-height: 2.7;
color: #3a3a3a;
padding: 1.3rem;
}
.tshow_con2 .tshow_img{
width: 25%;
}
.tshow_con2 .tshow_text{
width: 75%;
}
.tshow_page {
justify-content: space-between;
margin-top: 1.8rem;
}
.tshow_page a {
max-width: 50%;
font-size: .8rem;
padding: 0 1.3rem;
color: #353535;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: .1s;
}
.tshow_page a:hover {
color: #f26d35;
}
/* #endregion */
/* #region 涓氬姟鑼冨洿*/
.business {
padding: 3.3rem 0 5.5rem 0;
}
.business_ul {
flex-wrap: wrap;
justify-content: space-between;
padding-top: 1.5rem;
}
.business_ul li {
width: 49.15%;
margin-top: 1.3rem;
}
.business_ul li a {
background: #eeeeee;
}
.business_ul li i {
width: 50%;
overflow: hidden;
}
.business_ul li img {
width: 100%;
transition: .5s;
}
.business_ul li div {
width: 50%;
padding: 1.2rem;
}
.business_ul li h3 {
font-size: 1.1rem;
color: #444444;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.business_ul li p {
font-size: .8rem;
line-height: 1.8rem;
height: 5.4rem;
color: #888888;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: .6rem;
}
.business_ul li span {
display: block;
width: 7.1rem;
line-height: 2rem;
background: #fff;
border-radius: .5rem;
font-size: .8rem;
color: #333333;
text-align: center;
margin-top: 1.9rem;
transition: .2s;
}
.business_ul li a:hover span {
background: #f26b33;
color: #fff;
}
.business_ul li a:hover img {
transform: scale(1.05);
}
.business_show {
padding: 3.3rem 0 3.5rem 0;
}
.bshow_con {
background: #f4f4f4;
padding: .9rem;
margin-top: 2.5rem;
}
.bshow_img {
width: 38.58%;
}
.bshow_img img {
width: 100%;
}
.bshow_right {
flex: 1;
overflow: hidden;
padding: 0 2.25rem 0 2rem;
}
.bshow_title h1 {
font-size: 1.5rem;
font-weight: bold;
color: #3c3c3c;
flex: 1;
overflow: hidden;
padding-right: 1.5rem;
}
.bshow_title a {
font-size: 1rem;
color: #3c3c3c;
margin-left: auto;
transition: .1s;
}
.bshow_title img {
width: 1.25rem;
margin-right: .4rem;
}
.bshow_title a:hover {
color: #f26d35;
}
.bshow_txt {
font-size: .8rem;
line-height: 2.75;
margin-top: 1.2rem;
}
.bshow_phone {
font-size: 1.2rem;
color: #3c3c3c;
margin-top: 7.5rem;
}
.bshow_phone span {
color: #f26d35;
}
.bshow_main {
background: #f1f1f1;
margin-top: 2.5rem;
font-size: .9rem;
line-height: 2.5;
color: #3c3c3c;
}
.bshow_main video {
width: 100%;
}
.bshow_main img {
display: inline;
max-width: 100%;
}
.bshow_text {
padding: 1rem 1rem 2rem 1rem;
}
/* #endregion */
/* #region 妫€瀹夌敓鎬�*/
.ecology1 {
padding-top: 3.3rem;
}
.ecology1_con {
margin-top: 2.9rem;
background: #f2f2f2;
}
.ecology1_img {
width: 50%;
}
.ecology1_img img {
width: 100%;
}
.ecology1_text {
width: 50%;
font-size: .9rem;
line-height: 2.3;
color: #2c2c2c;
padding: 1.2rem;
}
.ecology2 {
padding: 4.2rem 0 5.5rem 0;
}
.ecology2_ul {
flex-wrap: wrap;
padding-top: .2rem;
border-top: 1px solid #c8c8c8;
margin-top: 2.4rem;
}
.ecology2_ul li {
width: 23%;
margin-right: 2.66%;
margin-top: 1.8rem;
}
.ecology2_ul li:nth-of-type(4n+4) {
margin-right: 0;
}
.ecology2_ul li i {
display: block;
overflow: hidden;
}
.ecology2_ul li img {
width: 100%;
transition: .5s;
}
.ecology2_ul li div {
font-size: .9rem;
color: #1e1e1e;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
margin-top: .6rem;
}
.ecology2_ul li a:hover img {
transform: scale(1.05);
}
.ecology3 {
padding: 3.1rem 0 3.8rem 0;
}
.ecology3_con {
position: relative;
margin-top: 3rem;
padding-top: 16.5rem;
}
.ecology3_con img {
width: 100%;
height: 32.5rem;
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
z-index: 1;
}
.ecology_title {
width: 100%;
font-size: 1.5rem;
color: #232323;
font-weight: bold;
text-align: center;
z-index: 2;
}
.ecology3 .ecology_title {
position: absolute;
left: 0;
top: 8.5rem;
}
.ecology3_text {
position: relative;
z-index: 2;
font-size: .9rem;
line-height: 2.33;
color: #2e2e2e;
background-color: rgba(255, 255, 255, .8);
box-shadow: 0px .2rem .75rem 0px rgba(54, 54, 54, 0.49);
padding: 1rem 1.7rem;
width: 86%;
margin: 0 auto;
}
.ecology4 {
background: url(../images/ecology4_bg.jpg) no-repeat;
background-size: cover;
background-position: center;
padding: 2.1rem 0 3.7rem 0;
}
.ecology4 .ecology_title {
color: #fff;
}
.ecology4_ul {
flex-wrap: wrap;
padding-top: .7rem;
}
.ecology4_ul li {
width: 23%;
margin-right: 2.66%;
margin-top: 1.7rem;
}
.ecology4_ul li:nth-of-type(4n+4) {
margin-right: 0;
}
.ecology4_ul li a {
background: #fff;
padding: .6rem;
padding-bottom: 0;
}
.ecology4_ul li i {
display: block;
margin: 0 auto;
overflow: hidden;
}
.ecology4_ul li img {
width: 100%;
transition: .5s;
}
.ecology4_ul li h3 {
display: block;
font-size: 1rem;
line-height: 3.4rem;
color: #191919;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: .1s;
}
.ecology4_ul a:hover img {
transform: scale(1.05);
}
.ecology4_ul a:hover h3 {
color: #f26d35;
}
.ecology5 {
background: #efefef;
padding: 3.2rem 0 3.7rem 0;
}
.ecology5_ul {
flex-wrap: wrap;
padding-top: 2.2rem;
}
.ecology5_ul li {
width: 24.5%;
margin-right: .66%;
background: #fff;
margin-top: .7rem;
}
.ecology5_ul li:nth-of-type(4n+4) {
margin-right: 0;
}
.ecology5_ul li a {
padding: 1.1rem 1rem 1.5rem 1rem;
}
.ecology5_img img {
width: 4.4rem;
height: 4.4rem;
border-radius: 50%;
}
.ecology5_img div {
flex: 1;
overflow: hidden;
padding-left: .7rem;
}
.ecology5_img h3 {
font-size: 1rem;
color: #1c1c1d;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: .1s;
}
.ecology5_img span {
font-size: .8rem;
color: #5e5e5e;
display: block;
margin-top: .5rem;
}
.ecology5_text {
font-size: .8rem;
line-height: 1.5rem;
height: 4.5rem;
color: #5e5e5e;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 1rem;
}
.ecology5_ul li a:hover .ecology5_img h3 {
color: #f26d35;
}
/* #endregion */
/* #region 鍚堜綔妗堜緥*/
.case {
padding: 3.3rem 0 5.5rem 0;
}
.case_ul {
flex-wrap: wrap;
padding-top: 1.7rem;
}
.case_ul li {
width: 23.6%;
margin-right: 1.86%;
background: #f6f6f6;
margin-top: 1.3rem;
}
.case_ul li:nth-of-type(4n+4) {
margin-right: 0;
}
.case_ul li a {
padding-bottom: .3rem;
transition: .2s;
}
.case_ul li i {
display: block;
}
.case_ul li img {
width: 100%;
transition: .5s;
}
.case_txt {
padding: .5rem;
}
.case_txt h3 {
font-size: .9rem;
color: #323232;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: .1s;
}
.case_txt div {
font-size: .7rem;
margin-top: .5rem;
color: #696969;
justify-content: space-between;
}
.case_txt span:first-of-type {
margin-right: 1rem;
}
.case_txt p {
font-size: .8rem;
line-height: 1.8;
color: #515151;
margin-top: .6rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.case_ul a:hover {
box-shadow: 0px .2rem .6rem 0px rgba(54, 54, 54, 0.49);
}
.case_ul a:hover h3 {
color: #f26d35;
}
.cshow_row {
font-size: .8rem;
color: #3c3c3c;
padding-top: .4rem;
}
.cshow_row div {
min-width: 35%;
padding-right: 1rem;
margin-top: .5rem;
}
.cshow_row img {
width: 1rem;
margin-right: .6rem;
}
.cshow_title {
font-size: 1rem;
color: #262626;
margin-top: 1.4rem;
}
.cshow_txt {
margin-top: .4rem;
}
.cshow_phone {
margin-top: 3.8rem;
}
.cshow_label {
margin-top: 4.2rem;
}
.cshow_label div {
font-size: 1.2rem;
line-height: 2.8rem;
color: #2f2f2f;
background: #c3c1c1;
text-align: center;
width: 11.5rem;
}
.cshow_label span {
flex: 1;
overflow: hidden;
border-top: 1px solid #c3c1c1;
}
.cshow_text {
font-size: .9rem;
line-height: 2.7;
color: #2f2f2f;
margin-top: 2.4rem;
border-bottom: 1px solid #c3c1c1;
padding-bottom: 2.9rem;
}
.cshow_text img{
display: inline-block;
}
/* #endregion */
/* #region 妫€瀹夊姩鎬�*/
.dynamic {
padding: 3.3rem 0 4rem 0;
}
.dynamic_ul1 {
flex-wrap: wrap;
padding-top: 5rem;
}
.dynamic_ul1 li {
width: 32%;
margin-right: 2%;
border-bottom: 1px solid #e5e5e5;
}
.dynamic_ul1 li a {
padding-bottom: .7rem;
}
.dynamic_ul1 li:last-of-type {
margin-right: 0;
}
.dynamic_ul1 li i {
display: block;
overflow: hidden;
}
.dynamic_ul1 li img {
width: 100%;
transition: .5s;
}
.dynamic_ul1 li h3 {
font-size: 1rem;
color: #333333;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: .1s;
margin-top: .7rem;
transition: .1s;
}
.dynamic_ul1 li div {
font-size: .8rem;
color: #333333;
margin-top: .5rem;
}
.dynamic_ul1 li p {
font-size: .8rem;
line-height: 1.8;
margin-top: .5rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.dynamic_ul1 li a:hover h3 {
color: #f26d35;
}
.dynamic_ul1 li a:hover img {
transform: scale(1.05);
}
.dynamic_ul2 {
flex-wrap: wrap;
justify-content: space-between;
}
.dynamic_ul2 li {
width: 47.75%;
border-bottom: 1px solid #e5e5e5;
}
.dynamic_ul2 a {
padding: 2.6rem 0 1.5rem 0;
}
.dynamic_ul2 h3 {
width: 16.5rem;
font-size: 1rem;
color: #363636;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dynamic_ul2 span {
width: 5rem;
line-height: 1.9rem;
font-size: .9rem;
color: #353535;
text-align: center;
background: #e9e9e9;
margin-left: 1.6rem;
transition: .2s;
}
.dynamic_ul2 p {
font-size: .8rem;
color: #333333;
margin-top: .8rem;
}
.dynamic_ul2 a:hover span {
background: #f26d35;
color: #fff;
}
.show_top {
background: #f1f1f1;
}
.show_top ul {
flex: 1;
overflow: hidden;
height: 5rem;
font-size: .9rem;
color: #202020;
}
.show_top ul img {
width: .8rem;
margin-right: .8rem;
}
.show_top ul span {
margin: 0 1rem;
}
.show_top ul div {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #848484;
}
.show_top ul a {
transition: .1s;
}
.show_top ul a:hover {
color: #f26d35;
}
.show_back {
margin-left: auto;
font-size: .9rem;
color: #474747;
transition: .1s;
}
.show_back img {
width: 1.25rem;
margin-right: .3rem;
}
.show_back:hover {
color: #f26d35;
}
.dshow {
padding: 2.5rem 0 3.8rem 0;
}
.dshow_title {
font-size: 1.5rem;
color: #474747;
font-weight: normal;
text-align: center;
}
.dshow_time {
font-size: .8rem;
color: #474747;
margin-top: 1.3rem;
}
.dshow_time div {
margin: 0 1.8rem;
}
.dshow_time img {
width: 1.1rem;
margin-right: .3rem;
}
.dshow_text {
font-size: .9rem;
line-height: 2.5;
color: #474747;
border-top: 1px dashed #e5e5e5;
border-bottom: 1px dashed #e5e5e5;
margin-top: 1.4rem;
padding: 1rem 0 3rem 0;
}
.dshow_text a {
display: inline;
}
.dshow_text img {
max-width: 100%;
display: inline;
}
/* #endregion */
/* #region 鍏氱殑寤鸿*/
.idea {
padding: 3.3rem 0 4.7rem 0;
}
.idea_text {
margin-top: 2.8rem;
font-size: .9rem;
line-height: 2.5;
}
.idea_text img {
max-width: 100%;
display: inline;
}
.idea_t1 {
font-size: 1.5rem;
line-height: 1.2;
margin-top: 3.5rem;
color: #f26d35;
}
.idea_t2 {
margin-top: .5rem;
color: #242424;
}
.brand {
padding: 3.6rem 0 4rem 0;
}
.brand .dynamic_ul1 {
padding-top: 1.6rem;
}
.brand .dynamic_ul1 li {
width: 29.6%;
margin-right: 5.6%;
border-bottom: none;
margin-top: 2.1rem;
}
.brand .dynamic_ul1 li a {
padding-bottom: 0;
}
.brand .dynamic_ul1 li:nth-of-type(3n+3) {
margin-right: 0;
}
/* #endregion */
/* #region 浜哄姏璧勬簮*/
.employment {
padding: 3.6rem 0 4.1rem 0;
}
.employment_ul {
font-size: .9rem;
line-height: 2.5;
color: #1d1d1d;
padding-top: 1.5rem;
}
.employment_t1 {
font-size: 1.2rem;
line-height: 1.2;
margin-top: 2rem;
color: #eb883c;
font-weight: bold;
}
.employment_t2 {
margin-top: .5rem;
}
.recruit {
padding: 3.6rem 0 5.5rem 0;
}
.recruit_ul {
flex-wrap: wrap;
padding-top: 1.2rem;
}
.recruit_ul li {
width: 31.8%;
margin-right: 2.3%;
margin-top: 1.7rem;
}
.recruit_ul li:nth-of-type(3n+3) {
margin-right: 0;
}
.recruit_ul li a {
background: url(../images/recruit_bg.png) no-repeat;
background-size: cover;
background-position: center;
border-radius: .25rem;
overflow: hidden;
padding: 1.5rem 6.4%;
}
.recruit_t1 h3 {
font-size: 1rem;
color: #1d1d1d;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: .1s;
}
.recruit_t1 span {
font-size: 1rem;
color: #1d1d1d;
margin-left: 1rem;
}
.recruit_t2 {
font-size: .8rem;
line-height: 1.5rem;
height: 4.5rem;
color: #1d1d1d;
margin-top: 1.2rem;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.recruit_t3 {
justify-content: space-between;
font-size: .9rem;
color: #222222;
margin-top: 2rem;
}
.recruit_t3 div {
width: 48%;
height: 2.6rem;
position: relative;
background: #fff;
border-radius: .5rem;
transition: .1s;
}
.recruit_t3 span {
position: absolute;
left: 0;
bottom: 3rem;
width: 100%;
padding: .6rem;
line-height: 1.5;
font-size: .9rem;
color: #303030;
text-align: center;
background: #fff;
border-radius: .5rem;
display: none;
}
.recruit_t3 i {
display: block;
position: relative;
margin-right: .3rem;
width: 1.1rem;
}
.recruit_t3 img {
width: 100%;
transition: .1s;
}
.recruit_t3 img:nth-of-type(2) {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.recruit_t3 div:hover {
background: #f26d35;
color: #fff;
}
.recruit_t3 div:hover img:nth-of-type(1) {
opacity: 0;
}
.recruit_t3 div:hover img:nth-of-type(2) {
opacity: 1;
}
.recruit_ul li a:hover h3 {
color: #f26d35;
}
.rshow_top {
align-items: flex-end;
}
.rshow_title {
flex: 1;
overflow: hidden;
}
.rshow_title h1 {
font-size: 1.5rem;
color: #393939;
font-weight: normal;
}
.rshow_title div {
font-size: .8rem;
color: #474747;
line-height: 1;
margin-top: 1.2rem;
}
.rshow_title img {
width: 1.1rem;
margin-right: .4rem;
}
.rshow_phone li {
margin-left: 5rem;
}
.rshow_phone div {
font-size: .8rem;
color: #f26d35;
font-weight: bold;
}
.rshow_phone span {
font-size: 1.5rem;
color: #393939;
display: block;
margin-top: .6rem;
}
.recruit_show {
padding: 3.1rem 0 5rem 0;
}
.rshow_text {
font-size: .9rem;
line-height: 2.7;
color: #000000;
margin-top: 2.5rem;
}
.train {
padding: 3.5rem 0 5.5rem 0;
}
.train_ul {
flex-wrap: wrap;
padding-top: .9rem;
}
.train_ul li {
width: 23.7%;
margin-right: 1.73%;
margin-top: 1.5rem;
}
.train_ul li:nth-of-type(4n+4) {
margin-right: 0;
}
.train_ul i {
display: block;
overflow: hidden;
}
.train_ul i img {
width: 100%;
transition: .5s;
}
.train_ul div {
margin-top: .7rem;
}
.train_ul h3 {
font-size: .9rem;
color: #1e1e1e;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: .1s;
}
.train_ul span {
font-size: .8rem;
color: #6b6b6b;
margin-left: 1rem;
}
.train_ul span img {
width: 1.1rem;
margin-right: .3rem;
}
.train_ul p {
font-size: .8rem;
color: #6b6b6b;
margin-top: .4rem;
}
.train_ul p img {
width: .8rem;
margin-left: .5rem;
}
.train_ul a:hover i img {
transform: scale(1.05);
}
.train_ul a:hover h3 {
color: #f26d35;
}
.promotion {
padding: 3.6rem 0 5.5rem 0;
}
.promotion_text {
font-size: .9rem;
line-height: 2;
margin-top: 3rem;
}
.promotion_text img {
max-width: 100%;
display: inline;
}
/* #endregion */
/* #region 绉戞妧鍒涙柊-绉戞妧鎴愭灉*/
.innovate {
padding: 3.3rem 0 5.5rem 0;
}
.innovate_ul {
padding-top: .2rem;
}
.innovate_ul img {
width: 21.2rem;
}
.innovate_ul li {
padding: 1.8rem 0 1.3rem 0;
border-bottom: 1px solid #dcdcdc;
}
.innovate_txt {
flex: 1;
overflow: hidden;
padding: 0 8% 0 2.5%;
font-size: .8rem;
}
.innovate_txt h3 {
font-size: 1rem;
font-weight: bold;
color: #373737;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: .1s;
}
.innovate_txt div {
color: #403f3f;
margin-top: .5rem;
}
.innovate_txt span {
line-height: 1.8;
color: #403f3f;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
margin-top: .5rem;
}
.innovate_btn {
width: 8.4rem;
line-height: 2.5rem;
background: #b0b0b0;
color: #fff;
font-size: .8rem;
text-align: center;
transition: .1s;
}
.innovate_ul a:hover h3 {
color: #f26d35;
}
.innovate_ul a:hover .innovate_btn {
background: #f26d35;
color: #fff;
}
.cshow_text2 {
border-bottom: none;
padding-bottom: 1rem;
}
.cshow_text2 img{
display: inline-block;
}
.patent {
padding: 3.3rem 0 5.5rem 0;
}
.patent_ul {
flex-wrap: wrap;
padding-top: 2rem;
}
.patent_ul li {
width: 22.58%;
margin-right: 3.22%;
margin-top: 1.3rem;
}
.patent_ul li:nth-of-type(4n+4) {
margin-right: 0;
}
.patent_ul img {
width: 100%;
}
.patent_ul div {
border: 1px solid #dcdcdc;
}
.patent_ul h3 {
font-size: 1rem;
color: #2d2d2c;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
margin-top: .9rem;
}
/* #endregion */
/* #region 鑱旂郴鎴戜滑*/
.contact {
padding: 4.5rem 0 5.5rem;
}
.contact_left {
width: 45%;
}
.contact_title {
font-size: 1.5rem;
color: #313131;
}
.contact_ul {
padding-top: .5rem;
}
.contact_ul li {
align-items: flex-start;
font-size: .9rem;
line-height: 1.6rem;
color: #313131;
margin-top: 1.6rem;
}
.contact_ul img {
width: 1.6rem;
margin-right: 1rem;
}
.contact_ul div {
flex: 1;
overflow: hidden;
}
.contact_code {
padding-left: 2.6rem;
margin-top: 1.6rem;
display: inline-block;
font-size: .9rem;
color: #313131;
text-align: center;
}
.contact_code img {
border: 1px solid #eee;
width: 8.75rem;
}
.contact_code div {
margin-top: .1rem;
}
.contact_right {
width: 50%;
margin-left: auto;
}
.contact_right .contact_title {
margin-bottom: 1.3rem;
}
.contact_right input {
height: 3.4rem;
padding: 0 1.3rem;
margin-bottom: 1.3rem;
}
.contact_right input,
.contact_right textarea {
width: 100%;
display: block;
background: #eeeeee;
font-size: 1rem;
color: #222;
border: none;
font-family: text;
}
.contact_right textarea {
resize: none;
height: 10.5rem;
padding: .9rem 1.3rem;
}
.contact_right button {
width: 11.4rem;
line-height: 3.4rem;
background: #f26d35;
color: #fff;
text-align: center;
border: none;
font-size: 1.3rem;
margin-top: 1.5rem;
cursor: pointer;
transition: .1s;
display: block;
}
.contact_right button:hover {
opacity: .85;
}
.contact_map {
height: 27.6rem;
margin-top: 3.3rem;
}
.contact_map img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* #endregion */
/* #region css鏁堟灉*/
@-webkit-keyframes fadeInRight2 {
0% {
opacity: 0;
-webkit-transform: translate3d(5rem, 0, 0);
transform: translate3d(5rem, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight2 {
0% {
opacity: 0;
-webkit-transform: translate3d(5rem, 0, 0);
transform: translate3d(5rem, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInLeft2 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 5rem, 0);
transform: translate3d(0, 5rem, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft2 {
0% {
opacity: 0;
-webkit-transform: translate3d(-5rem, 0, 0);
transform: translate3d(-5rem, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translate3d(-5rem, 0, 0);
transform: translate3d(-5rem, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 5rem, 0);
transform: translate3d(0, 5rem, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight2 {
-webkit-animation-name: fadeInRight2;
animation-name: fadeInRight2;
}
.fadeInLeft2 {
-webkit-animation-name: fadeInLeft2;
animation-name: fadeInLeft2;
}
.fadeInUp2 {
-webkit-animation-name: fadeInUp2;
animation-name: fadeInUp2;
}
.business_ul li:nth-of-type(even),
.ecology5_ul li:nth-of-type(4n+2),
.ecology4_ul li:nth-of-type(4n+2),
.dynamic_ul1 li:nth-of-type(2) {
animation-delay: 0.1s;
}
.ecology5_ul li:nth-of-type(4n+3),
.ecology4_ul li:nth-of-type(4n+3),
.dynamic_ul1 li:nth-of-type(3),
.banner_nav {
animation-delay: 0.2s;
}
.ecology5_ul li:nth-of-type(4n+4),
.ecology4_ul li:nth-of-type(4n+4) {
animation-delay: 0.3s;
}
/* #endregion */
/* #region */
/* #endregion */